﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>ManAgeIndex</title>
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <link href="~/H-ui/static/h-ui/css/H-ui.min.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/css/H-ui.admin.css" rel="stylesheet" />
    <link href="~/H-ui/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/skin/default/skin.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/css/style.css" rel="stylesheet" />
    <script src="~/H-ui/lib/jquery/1.9.1/jquery.min.js"></script>
    <script src="~/H-ui/lib/layer/2.4/layer.js"></script>
    <script src="~/H-ui/static/h-ui/js/H-ui.min.js"></script>
    <script src="~/H-ui/static/h-ui.admin/js/H-ui.admin.js"></script>
    <script src="~/H-ui/lib/jquery.contextmenu/jquery.contextmenu.r2.js"></script>

    <style>
  .Huifold .item{ position:relative}
.Huifold .item h4{margin:0;font-weight:bold;position:relative;border-top: 1px solid #fff;font-size:15px;line-height:22px;padding:7px 10px;background-color:#eee;cursor:pointer;padding-right:30px}
.Huifold .item h4 b{position:absolute;display: block; cursor:pointer;right:10px;top:7px;width:16px;height:16px; text-align:center; color:#666}
.Huifold .item .info{display:none;padding:10px}
    </style>

    <script>
        jQuery.Huifold = function (obj, obj_c, speed, obj_type, Event) {
            if (obj_type == 2) {
                $(obj + ":first").find("b").html("-");
                $(obj_c + ":first").show()
            }
            $(obj).bind(Event, function () {
                if ($(this).next().is(":visible")) {
                    if (obj_type == 2) {
                        return false
                    }
                    else {
                        $(this).next().slideUp(speed).end().removeClass("selected");
                        $(this).find("b").html("+")
                    }
                }
                else {
                    if (obj_type == 3) {
                        $(this).next().slideDown(speed).end().addClass("selected");
                        $(this).find("b").html("-")
                    } else {
                        $(obj_c).slideUp(speed);
                        $(obj).removeClass("selected");
                        $(obj).find("b").html("+");
                        $(this).next().slideDown(speed).end().addClass("selected");
                        $(this).find("b").html("-")
                    }
                }
            })
        }

        $(function () {
            $.Huifold("#Huifold1 .item span", "#Huifold1 .item .info", "fast", 1, "click"); /*5个参数顺序不可打乱，分别是：相应区,隐藏显示的内容,速度,类型,事件*/
        });
    </script>
</head>
<body>
    <!--导航图片：考试五部曲-->
    <img src="~/K_image/nav123.png" style="width:100%" />
    <div style="height:1000px;width:80%;background-color:#ffffff;border:solid 1px #eeeff1;box-shadow: 2px 2px 2px 2px #f8f9fb ;margin:0 auto">
        <!--通知信息模板以及返回按钮-->
        <div style="height:40px;width:96%;background-color:#ffffff;margin:0 auto">
            <span style="float:left;margin-top:8px;"> <img src="~/K_image/manstu.png" /></span>
            <span style="float:right;margin-top:8px;"><img src="~/K_image/fanhui.png" onclick="returnIndex()" /></span>
        </div>
        <!--水平线-->
        <hr style="margin-left:10px;margin-right:10px;color:#eeeff1" />
        <div>
            <ul id="Huifold1" class="Huifold">
                <li class="item">
                    <span style="float:left;margin-left:10px">筛选</span><span style="float:right;margin-right:10px"><b>展开</b></span>
                    <div class="info"> 内容<br>很多内容 </div>
                </li>
            </ul>

        </div>
        
        </div>
</body>
</html>
